@import "mobile/login.less";
@import "mobile/identy-select.less";
@import "mobile/psw-new-res.less";
@import "mobile/register-set.less";
@import "mobile/edit-personal.less";
@import "mobile/send-resume.less";
@import "mobile/company.less";
@rem:750/16rem;
*{
  margin: 0;
  padding: 0;
}
ul,li{
  list-style: none;
}
body{
  color:#333;
  background:#F7F7F9;
  min-width:320px;
}
img{
  border-style:none;
}
ul,li{
  list-style: none;
}
input,select,textarea{
  outline: none;
  border:none;
}
a{
  text-decoration: none;
  outline: none;
  color: #333;
}

//个人中心
.personal-page{
  .personal-header{
    display: none;
  }
  .content{
    .info{
      padding:60/@rem 60/@rem 0;
      position: relative;
      .pic{
        position: absolute;
        top:60/@rem;
        left:60/@rem;
        width:167/@rem;
        height:167/@rem;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        img{
          width:100%;
          height:100%;
          display: block;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
        }
      }
      .detail{
        padding-top:12/@rem;
        padding-left:200/@rem;
        height:155/@rem;
        position: relative;
        >h2{
          line-height: 56/@rem;
          font-size:48/@rem;
          font-family:"SourceHanSansCN-Bold";
          font-weight:bold;
          padding-right:55/@rem;
          word-break: break-all;
          max-height:112/@rem;
          overflow: hidden;
          i,span{
            display: none;
          }
          .wap-set{
            position: absolute;
            top:0;
            right:0;
            width:60/@rem;
            height:60/@rem;
            display: block;
            background: url(../images/mobile/setting.png) no-repeat;
            -webkit-background-size: 60/@rem 60/@rem;
            background-size: 60/@rem 60/@rem;
          }
        }
        >p{
          color:#999;
          font-size:30/@rem;
          line-height:30/@rem;
          margin-top:33/@rem;
          span{
            color:#333;
            margin:4/@rem;
          }
          span:first-child{
            margin-left:0;
          }
        }
        .contact{
          display: none;
        }
      }
    }
    .wap-nav{
      padding:0 60/@rem;
      margin-top:60/@rem;
     ul{
       width:100%;
       overflow: hidden;
       li{
         width:20%;
         float: left;
         text-align: center;
         span{
           display: block;
           &:first-child{
             font-size:36/@rem;
             line-height:36/@rem;
             font-family:"Roboto-Bold";
             font-weight:bold;
             margin-bottom:20/@rem;
             &+span{
               font-size:26/@rem;
               line-height:26/@rem;
               font-family:"SourceHanSansCN-Regular";
               margin-bottom:40/@rem;
             }
           }
         }
       }
     }
    }
    .resume-detail{
      padding-bottom:184/@rem;
      .detail-list{
        padding:0 60/@rem;
        border-top:16/@rem solid #F7F7F9;
        .edit-btn,.add-btn{
          display: none;
        }
        .wap-add-btn{
          float: right;
          color:#398DEE;
          font-size:28/@rem;
          font-family:"SourceHanSansCN-Regular";
        }
        .wap-edit-btn{
          position: absolute;
          top:0;
          right:0;
          display: block;
          width:36/@rem;
          height:36/@rem;
          background: url(../images/mobile/edit.png) no-repeat;
          -webkit-background-size: 36/@rem;
          background-size: 36/@rem;
        }
        h2{
          margin:40/@rem 0 58/@rem;
          font-size:32/@rem;
          line-height:32/@rem;
          font-family:"SourceHanSansCN-Bold";
          font-weight:bold;
          position: relative;
        }
        .place{
          position: relative;
          span{
            display: block;
            font-size:30/@rem;
            line-height:38/@rem;
            font-family:"SourceHanSansCN-Bold";
            font-weight:bold;
            padding-right:40/@rem;
            word-break: break-all;
          }
          .time{
            margin-top:29/@rem;
            font-size:26/@rem;
            font-family:"Roboto-Regular";
            font-weight:normal;
            color:#999;
          }
          span.edit-btn{
            display: none;
          }
        }
        .place-brach{
          margin:29/@rem 0 24/@rem;
          font-size:30/@rem;
          line-height:38/@rem;
          font-family:"SourceHanSansCN-Regular";
          span{
            margin-right:10/@rem;
            word-break: break-all;
          }
        }
        //求职意向
        .expect{
          margin-bottom: 50/@rem;
          font-size:30/@rem;
          line-height:38/@rem;
          font-family:"SourceHanSansCN-Regular";
          p{
            margin-bottom:28/@rem;
          }
        }
        //工作经验
        .experience{
          li{
            position: relative;
            .duty{
              margin-bottom:59/@rem;
              font-size:26/@rem;
              font-family:"SourceHanSansCN-Regular";
              color:#666;
              word-break: break-all;
            }
          }
        }
        //教育经历
        .education{
          margin-bottom:58/@rem;
        }
        //专业技能
        .skill{
          margin-bottom:58/@rem;
          font-size:30/@rem;
          font-family:"Roboto-Bold";
          font-weight:bold;
          p{
            line-height:38/@rem;
            margin-bottom:34/@rem;
            word-break: break-all;
          }
        }
        //工作经验
        .wap-exper{
          li{
            p{
              span{
                font-size:30/@rem;
                font-family:"SourceHanSansCN-Bold";
              }
              span:first-child{
                display: block;
                font-weight:bold;
                margin-bottom:30/@rem;
                padding-right:40/@rem;
              }
            }
          }
        }
        //个人介绍
        .personal-intro{
          margin-bottom:59/@rem;
          font-size:26/@rem;
          line-height:40/@rem;
          font-family:"SourceHanSansCN-Regular";
          word-break: break-all;
        }
      }
    }
    .wap-bottom{
      position: fixed;
      bottom:0;
      height:100/@rem;
      width:100%;
      background: #fff;
      .preview-btn{
        //width:184/@rem;
        height:100/@rem;
        line-height:100/@rem;
        //background:#333;
        background: #398DEE;
       /* border-radius:6px;*/
        font-size:30/@rem;
        font-family:"SourceHanSansCN-Regular";
        text-align: center;
        a{
          color:#fff;
          display: block;
        }
      }
    }
  }
}

.resume-pop-alter{
  display: none;
}

//预览简历
.preview-page{
  .wap-header{
    border-bottom:1px solid #eee;
  }
  .content{
    .info{
      padding-top:35/@rem;
      padding-bottom:20/@rem;
      .pic{
        top:35/@rem;
        width:120/@rem;
        height:120/@rem;
        i.wap-sex{
          position: absolute;
          right:0;
          bottom:0;
          width:30/@rem;
          height:30/@rem;
        }
      }
      .detail{
        padding-top:0;
        padding-left:0;
        height:auto;
        >h2{
          padding-left:150/@rem;
          ////height:40/@rem;
          //line-height:40/@rem;
          font-size:36/@rem;
        }
        >p{
          padding-left:150/@rem;
          margin:30/@rem 0 55/@rem;
          span{
            height:26/@rem;
            font-size:26/@rem;
            color:#666;
          }
        }
        .contact{
          border-top:1px solid #eee;
          display: block;
          h2{
            margin:50/@rem 0 44/@rem;
            line-height:32/@rem;
            font-size:32/@rem;
            font-family:"SourceHanSansCN-Bold";
            font-weight:bold;
          }
          p{
            word-wrap:break-word;
            i{
              margin-right:14/@rem;
              img{
                width:26/@rem;
                height:26/@rem;
              }
            }
            margin-bottom:36/@rem;
            line-height:30/@rem;
            font-size:30/@rem;
            font-family:"Roboto-Regular";
          }
        }
      }
    }
    .resume-detail{
      padding:0 60/@rem;
      .detail-list{
        padding:0;
        border-top:1px solid #F7F7F9;
        .place{
          .time{
            float: right;
            margin-top:-26/@rem;
          }
          span.edit-btn{
            display: none;
          }
        }
        .expect{
          .wap-job{
            font-weight: bold;
          }
          .wap-pay{
            color:#EE3939;
          }
        }
        .wap-pro{
          .place-brach{
            span{
              display: block;
              &:first-child{
                font-weight:bold;
                margin-bottom:30/@rem;
                //padding-right:40/@rem;
              }
            }
          }
        }
      }
    }
  }
}

//我的投递
.wap-delivery{
  .wap-header{
    border-bottom:1px solid #eee;
  }
  .record-content{
    width:100%;
    >h2{
      display: none;
    }
    .layui-tab-brief{
      width:100%;
      margin:0;
      ul.layui-tab-title{
        height:100/@rem;
        border:none;
        li{
          width:20%;
          line-height: 100/@rem;
          min-width: 0;
          padding: 0;
          font-size:32/@rem;
          font-family:"SourceHanSansCN-Regular";
          &.layui-this{
            color:#333;
            &:after{
              border-bottom:3/@rem solid #398DEE;
              height:100/@rem;
            }
          }

        }
      }
      .layui-tab-content{
        padding:0;
        .layui-tab-item{
          .job-list{
            li{
              border-top:16/@rem solid #F7F7F9;
              height:212/@rem;
              padding:0 60/@rem;
              h2{
                margin-top:29/@rem;
                line-height:30/@rem;
                font-size:30/@rem;
                font-family:"SourceHanSansCN-Bold";
                font-weight:bold;
                span{
                  float: right;
                  font-size:26/@rem;
                  font-family:"Roboto-Regular";
                  font-weight:normal;
                  color:#666;
                }
              }
              p.pay{
                margin:30/@rem 0 23/@rem;
                line-height:30/@rem;
                font-size:30/@rem;
                font-family:"SourceHanSansCN-Regular";
                color:#EE3939;
              }
              p.company{
                line-height:26/@rem;
                font-size:26/@rem;
                font-family:"SourceHanSansCN-Regular";
                i{
                  margin-right:15/@rem;
                  img{
                    width:40/@rem;
                    height:40/@rem;
                  }
                }
                span{
                  float: right;
                }
                span.succ{
                  color:#398DEE;
                }
                span.not-suit{
                  color:#999;
                }
                span.wait-interview{
                  color:#EE3939;
                }
                span.checked{
                  color: #EE8139;
                }
              }
              &:first-child{
                border-top:none;
              }
            }
          }
        }
      }
    }
  }
}

//职位详情
.job-detail{
  .job{
    margin:0 65/@rem;
    height:186/@rem;
    border-bottom:1px solid #eee;
    h2{
      padding-top:40/@rem;
      line-height:48/@rem;
      font-size:48/@rem;
      font-family:"SourceHanSansCN-Bold";
      font-weight:bold;
      span{
        float: right;
        line-height:30/@rem;
        font-size:30/@rem;
        font-family:"SourceHanSansCN-Regular";
        font-weight:normal;
        color:#EE3939;
      }
    }
    p{
      margin-top:30/@rem;
      display: inline-block;
      line-height:26/@rem;
      font-size:26/@rem;
      font-family:"SourceHanSansCN-Regular";
      margin-right:8/@rem;
      span:first-child{
        display: none;
      }
    }
  }
  .job-about{
    padding:0 60/@rem;
    .job-about-list{
      border-bottom:1px solid #eee;
      h2{
       margin:40/@rem 0 29/@rem;
        line-height:30/@rem;
        font-size:30/@rem;
        font-family:"SourceHanSansCN-Bold";
        font-weight:bold;
      }
      .details-part{
        margin-bottom:39/@rem;
        p{
          line-height:52/@rem;
          font-size:26/@rem;;
          font-family:"SourceHanSansCN-Regular";
        }
      }
    }
    .wap-hidden{
      display: none;
    }
    .wap-com-intro{
      .company-about{
        .company-logo{
          float: left;
          width:100/@rem;
          height:100/@rem;
          img{
            width:100%;
            height:100%;
            display: block;
          }
        }
        .company-brief{
          margin-left:130/@rem;
          padding-bottom:56/@rem;
          span{
            margin-right:31/@rem;
            display: inline-block;
            line-height:24/@rem;
            font-size:24/@rem;
            font-family:"SourceHanSansCN-Regular";
            color:#666;
          }
        }
      }

    }
    .wap-last-list{
      border-bottom:none;
    }
  }
}
//投递按钮
.wap-send-btn{
  position: fixed;
  bottom:0;
  //left:60/@rem;
  width:100%;
  height:90/@rem;
  input{
    width:100%;
    height:100%;
    background:#398DEE;
    /*border-radius:6px;*/
    font-size:30/@rem;
    font-family:"SourceHanSansCN-Regular";
    color:#fff;
  }
}
.wap-job-detail{
  padding-bottom:90/@rem;
}

//分页
.paging{
  padding-top:50/@rem;
  text-align: right;
  padding-right:30/@rem;
  .layui-laypage-em{
    background-color:#398DEE!important;
  }
  .layui-laypage{
      margin:10/@rem 0;
  }
  .layui-laypage a, .layui-laypage span{
    padding:0 20/@rem;
  }

  .layui-laypage-count,.layui-laypage-skip{
    display: none;
  }
}




